<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery练习</title>
    <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>

    <script>
        //点击按钮 隐藏 id="test" 的元素
        $(document).ready(function () {
            $("button").click(function () {
                $("#test").hide();
            });
        });
    </script>
</head>
<body>
<h2>这是标题</h2>
<p>这是一个段落。</p>
<p id="test">这是带有id的段落。</p>
<p class="test">这是带有class的段落。</p>
<button>点击这里</button>
</body>
</html>